<table id="TabTable" width="100%">
    <?php echo "<caption>Marcas registradas desde: $FdesdeView, hasta: $FhastaView </caption>" ?>
    <thead>
        <tr>
            <th scope="col">Estado</th>
            <th scope="col">Fecha</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th scope="row">Total:</th>
            <td colspan="4">
                <?php echo $totalMarcas . " Marcas"; ?>
            </td>
        </tr>
    </tfoot>
    <tbody >

        <?php
        if ($listaMarcas <> NULL) {
            foreach ($listaMarcas as $record):
                echo "<tr>";
                echo "<td>";
                switch ($record->estado) {
                    case 1:
                        echo "A Tiempo";
                        break;
                    case 2:
                        echo "Tardía sin aprobar";
                        break;
                    case 3:
                        echo "Ausencia sin aprobar";
                        break;
                    case 4:
                        echo "Tardía aprobada";
                        break;
                    case 5:
                        echo "Ausencia aprobada";
                        break;
                    case 6:
                        echo "Tardía rechazada";
                        break;
                    case 7:
                        echo "Ausencia rechazada";
                        break;
                    case 10:
                        echo "Entrado de nuevo";
                        break;
                    case 20:
                        echo "Salida";
                        break;
                    default:
                        break;
                }
                echo "</td>";
                echo "<td>";
                echo $record->hora_actual;
            endforeach;
        }
        ?>

    </tbody>
</table>
<br/>
<div class="pagination">

    <?php
    echo $paginacion;
    ?>

</div>

<script>
    $(document).ready(function(){
        applyPagination();
        function applyPagination() {
            $("div.pagination a").click(function() { 
                if(desde == "Seleccione la fecha" || hasta == "Seleccione la fecha"){
                    alert('Seleccione un rango de fechas');
                    return false;
                }
                
                
                var strDate1 = $('#desde1').val();
                var dateParts1 = strDate1.split("/");
                var FechaDesde = new Date(dateParts1[2], dateParts1[1] , dateParts1[0]);
                var desde = FechaDesde.getFullYear()+"-"+FechaDesde.getMonth()+"-"+FechaDesde.getDate();
                //Fecha Hasta
                var strDate2 = $('#hasta1').val();
                var dateParts2 = strDate2.split("/");
                var FechaHasta = new Date(dateParts2[2], dateParts2[1] , dateParts2[0]);
                var hasta = FechaHasta.getFullYear()+"-"+FechaHasta.getMonth()+"-"+FechaHasta.getDate();
        
                if(FechaDesde > FechaHasta){
                    alert("Error en la fechas, deben tener orden cronologico");
                    return false;
                }
                
                var form_data = {
                    FdesdeView: strDate1,
                    FhastaView: strDate2,
                    Fdesde: desde,
                    Fhasta: hasta,
                    ajax: '1'
                };
                $.ajax({
                    type: "POST",
                    url: $(this).attr('href'),
                    data: form_data,
                    beforeSend: function() {
                        $("#info_usuario").html("");
                    },
                    success: function(msg){
                        $('#info_usuario').html(msg);
                        //applyPagination();
                    }
                });               
                return false;
            });            
        }
    });
</script>



